/*   offer   */

.offer {
 background: #292f45;
 padding: 0;
}

.offer .main-title {
 color: #fff;
 font-size: 48px;
 font-weight: 700;
 text-align: center;
 line-height: 34px;
 text-transform: uppercase;
 padding: 10px 0 15px;
 letter-spacing: 0.8px;
 background: rgb(188, 42, 17);
 background: -moz-linear-gradient(0deg, rgba(188, 42, 17, 1) 0%, rgba(228, 51, 21, 1) 100%);
 background: -webkit-linear-gradient(0deg, rgba(188, 42, 17, 1) 0%, rgba(228, 51, 21, 1) 100%);
 background: linear-gradient(0deg, rgba(188, 42, 17, 1) 0%, rgba(228, 51, 21, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc2a11", endColorstr="#e43315", GradientType=1);
}

.offer .main-title span {
 display: block;
 color: #fc0;
}

.offer .sub-title {
    background: #fff;
    font-size: 21px;
    line-height: 26px;
    color: #121314;
    text-align: center;
    padding: 10px 0 15px;
    text-transform: uppercase;
}

.offer .box {
 position: relative;
 height: 715px;
 background: url("../images/yrquRyizmzqh.jpg") 50% 0 no-repeat;
 padding-top: 100px;
}

.offer .box .sale {
 position: absolute;
 left: 0;
 top: 0;
 background: url("../images/qgcaKTLo1Ffy.png") 0 0 no-repeat;
 width: 139px;
 height: 114px;
 font-size: 16px;
 font-weight: 700;
 text-transform: uppercase;
}

.offer .box .sale span {
 display: inline-block;
 position: absolute;
 right: 25px;
 top: 38px;
 width: 120px;
 text-align: center;
 transform: rotate(-40deg);
}

.offer .sponsor {
    width: 120px;
 color: #121314;
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
       padding-top: 160px;
    margin: 106px 0 100px 286px;
}

.offer .box .first_gif {
   max-width: 450px !important;
   height: auto;
}

.offer .box img {
 display: block;
 border: 3px solid #fff;
 border-radius: 10px;
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
 margin: 0 14px;
}

.offer .gradient {
 padding-bottom: 35px;
 background: #2b3149;
 background: -moz-linear-gradient(top, #2b3149 0%, #1b1f2f 100%);
 background: -webkit-linear-gradient(top, #2b3149 0%, #1b1f2f 100%);
 background: linear-gradient(to bottom, #2b3149 0%, #1b1f2f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3149', endColorstr='#1b1f2f', GradientType=0);
}

.offer .bullet {
 background: #2a3148;
 padding: 30px 30px 25px;
}

.offer .bullet li {
 position: relative;
 color: #fff;
 font-size: 18px;
 line-height: 24px;
 padding: 0 0 0 40px;
 margin-bottom: 20px;
}

.offer .bullet li:last-child {
 margin-bottom: 0;
}

.offer .bullet li:before {
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 width: 26px;
 height: 26px;
 background: url("../images/S4BmJfHI760W.png") 0 0 no-repeat;
 content: '';
}

.offer .stock {
 font-size: 18px;
 color: #fff;
 text-align: center;
 padding-top: 30px;
}

.offer .stock b {
 display: inline-block;
 vertical-align: middle;
 background: #fff;
 width: 35px;
 height: 30px;
 line-height: 30px;
 color: #121314;
 font-size: 22px;
 margin: 0 3px;
}

header.offer .timer_block {
 margin-bottom: 40px;
}

.offer .order-txt {
 text-align: center;
 color: #fff;
 padding: 45px 40px 35px;
 font-weight: 700;
 line-height: 1.3em;
}

.offer .order-txt h4 {
 text-transform: uppercase;
 padding-bottom: 8px;
}

.offer .order-txt b {
 color: #fc0;
}

/*   list-v1   */

.list-v1 {
 padding: 0 20px;
}

.list-v1 li {
 color: #fff;
 text-align: center;
 background: #1b1f2f;
 border-radius: 5px;
 margin-bottom: 30px;
}

.list-v1 li:last-child {
 margin-bottom: 0;
}

.list-v1 img {
 width: 100%;
 display: block;
 border-radius: 5px 5px 0 0;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 margin-bottom: 20px;
}

.list-v1 h4 {
 font-size: 22px;
 text-transform: uppercase;
 margin-bottom: 15px;
}

.list-v1 h4:after {
 display: block;
 width: 100px;
 height: 3px;
 background: #fc0;
 margin: 15px auto 0;
 content: '';
}

.list-v1 p {
 line-height: 1.3em;
 padding: 0 20px 20px;
}

/*   list-v2   */

.list-v2 {
 font-size: 0;
 text-align: center;
 padding-bottom: 30px;
}

.list-v2 li {
 display: inline-block;
 vertical-align: top;
 width: 215px;
 font-size: 18px;
 background: #fff;
 text-align: center;
 border-radius: 5px;
 margin: 0 10px 20px;
}

.list-v2 img {
 display: block;
 border-radius: 5px 5px 0 0;
}

.list-v2 p {
 padding: 20px 10px;
}

/*   list-v3   */

.list-v3 li {
 position: relative;
 display: table;
 width: 100%;
 height: 200px;
}

.list-v3 li:nth-child(odd) {
 padding-left: 240px;
}

.list-v3 li:nth-child(even) {
 padding-right: 240px;
}

.list-v3 li:nth-child(odd) img {
 position: absolute;
 left: 0;
 top: 0;
}

.list-v3 li:nth-child(even) img {
 position: absolute;
 right: 0;
 top: 0;
}

.list-v3 li img {
 display: block;
 height: 200px;
}

.list-v3 li:nth-child(odd) .txt {
 background: rgba(255, 255, 255, 0.05);
}

.list-v3 .txt {
 display: table-cell;
 vertical-align: middle;
 color: #fff;
 padding: 0 20px;
}

.list-v3 h4 {
 color: #fc0;
 font-size: 22px;
 text-transform: uppercase;
 padding-bottom: 10px;
}

/*   list-v4   */

.list-v4 {
 padding: 0 15px;
}

.list-v4 li {
 position: relative;
 color: #fff;
 padding-left: 73px;
 margin-bottom: 30px;
}

.list-v4 li:last-child {
 margin-bottom: 0;
}

.list-v4 img {
 position: absolute;
 display: block;
 left: 0;
 top: 50%;
 margin-top: -30px;
}

.list-v4 p {
 line-height: 1.3em;
}

/*   s1   */

.s1 {
 padding-bottom: 6px;
}

.s1 h2.title span {
 display: block;
}

.s1 .sub-title {
 font-size: 22px;
 text-align: center;
 padding-bottom: 30px;
}

.s1 .list-v1 {
 padding-bottom: 50px;
}

.s1 .image {
 display: block;
 margin-top: 50px;
}

/*   s2   */

.s2 {
 padding-bottom: 5px;
}

/*   s3   */

.s3 {
 padding-bottom: 5px;
}

.s3 .box {
 position: relative;
 background: url("../1bofdxbn.htm") 50% 50px no-repeat;
 height: 430px;
 margin-bottom: 30px;
}

.s3 .box .item {
 position: absolute;
 display: inline-block;
 padding-left: 27px;
}

.s3 .box .item:nth-child(1) {
 width: 210px;
 left: 15px;
 top: 10px;
}

.s3 .box .item:nth-child(2) {
 right: 10px;
 top: 0;
 width: 175px;
}

.s3 .box .item:nth-child(3) {
 width: 175px;
 left: 15px;
 top: 355px;
}

.s3 .box .item:nth-child(4) {
 width: 190px;
 left: 275px;
 top: 355px;
}

.s3 .box .item .num {
 position: absolute;
 left: 0;
 top: 0;
 color: #e43315;
 font-size: 18px;
 font-weight: 700;
}

.s3 .button-m {
 margin-bottom: 55px;
}

.s3 .alert {
 position: relative;
}

.s3 .alert img {
 display: block;
}

.s3 .alert h4 {
 position: relative;
 height: 65px;
 line-height: 65px;
 font-size: 22px;
 color: #fff;
 padding-left: 100px;
 text-transform: uppercase;
 background: #2b3149;
 background: -moz-linear-gradient(left, #2b3149 0%, #1b1f2f 100%);
 background: -webkit-linear-gradient(left, #2b3149 0%, #1b1f2f 100%);
 background: linear-gradient(to right, #2b3149 0%, #1b1f2f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3149', endColorstr='#1b1f2f', GradientType=1);
}

.s3 .alert h4:before {
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 background: url("../images/oN4s3qX7Yg19.png") 0 0 no-repeat;
 width: 90px;
 height: 65px;
 content: '';
}

.s3 .alert p {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 370px;
 background: rgba(27, 31, 47, 0.8);
 border-left: 4px solid #fc0;
 color: #fff;
 text-align: right;
 padding: 15px;
 line-height: 1.3em;
}

/*   s4   */

.s4 {
 padding-bottom: 0;
 margin-bottom: 6px;
}

.s4 h2.title span {
 display: block;
}

/*   s5   */

.s5 {
 padding-bottom: 55px;
}

/*   spec-v1   */

.spec-v1 {
 margin: 0 20px 45px;
 background: #fff;
 border-radius: 5px;
}

.spec-v1 .head img {
 display: block;
 border-radius: 5px 5px 0 0;
}

.spec-v1 .head {
 position: relative;
 color: #fff;
 text-align: center;
}

.spec-v1 .head .name {
 position: absolute;
 right: 0;
 bottom: 40px;
 width: 125px;
 height: 40px;
 line-height: 40px;
}

.spec-v1 .head .name-label {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 255px;
 height: 40px;
 line-height: 40px;
}

.spec-v1 .desc {
 padding: 20px;
}

.spec-v1 .desc h4 {
 font-size: 22px;
 padding-bottom: 15px;
}

.spec-v1 .desc p {
 line-height: 1.3em;
}

/*   spec-v2   */

.spec-v2 {
 background: #fff;
 margin: 0 20px 50px;
 border-radius: 5px;
 overflow: hidden;
}

.spec-v2 .head {
 position: relative;
 margin: 0 20px;
 padding: 20px 0 20px 80px;
}

.spec-v2 .head img {
 display: block;
 position: absolute;
 left: 0;
 top: calc(50% - 30px);
 border-radius: 50%;
}

.spec-v2 .head p {
 color: #a8a9aa;
 padding-top: 7px;
}

/*   reviews   */

.reviews {
 background: #f5f6f7;
 padding-bottom: 55px;
}

.inst-rev .item:last-child {
 margin-bottom: 50px;
}

.inst-rev .item {
 margin: 0 20px 30px;
 background: #fff;
 border-radius: 5px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.inst-rev .head {
 position: relative;
 height: 80px;
 line-height: 80px;
 margin: 0 20px;
 padding-left: 50px;
 background: url("../images/ad2BTtZiKf4v.png") 100% 50% no-repeat;
}

.inst-rev .head img {
 position: absolute;
 left: 0;
 top: calc(50% - 19px);
 display: block;
 border-radius: 50%;
}

.inst-rev .head h4 {
 font-size: 20px;
}

.inst-rev .item > img {
 display: block;
 margin: 0 auto;
}

.inst-rev .like {
 font-size: 16px;
 font-weight: 700;
 background: url("../images/jWWR2pqfOgF6.png") 50% 0 no-repeat, url("../images/NhkTrvaumaCV.png") 50% 20px no-repeat;
 padding: 55px 20px 10px;
}

.inst-rev .desc {
 padding: 0 20px 20px;
}

.inst-rev .desc p {
 font-size: 17px;
 line-height: 24px;
}

.inst-rev .date {
 color: #999;
 font-size: 15px;
 padding-top: 10px;
}

/*   rev-list   */

.rev-list {
 padding: 0 20px;
}

.rev-list .item {
 background: #fff;
 margin-bottom: 30px;
 padding-bottom: 20px;
 border-radius: 5px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.rev-list .item:last-child {
 margin-bottom: 50px;
}

.rev-list .item > img {
 display: block;
 border-radius: 5px 5px 0 0;
 margin-bottom: 20px;
}

.rev-list .item > p {
 padding: 0 20px 20px;
 line-height: 1.4em;
}

.rev-list .info {
 position: relative;
 height: 60px;
 margin: 0 20px;
 padding-left: 80px;
 background: url("../images/9syiLGJnK2Gz.png") 100% 50% no-repeat;
}

.rev-list .info img {
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 border-radius: 50%;
}

.rev-list .info h4 {
 padding-top: 8px;
}

.rev-list .info p {
 color: #a8a9aa;
 padding-top: 5px;
}

/*   order-info   */

.order-info h2.title {
 margin-bottom: 40px;
}

.order-info ul {
 font-size: 0;
 text-align: center;
 padding: 0 10px;
 margin-bottom: -30px;
}

.order-info ul li {
 display: inline-block;
 vertical-align: top;
 width: 50%;
 font-size: 18px;
 line-height: 1.3em;
 padding-bottom: 30px;
}

.order-info ul li img {
 display: block;
 margin: 0 auto 15px;
}

.order-info ul li p {
 padding: 0 40px;
}

/*   footer   */

.footer {
 text-align: center;
 padding: 40px 0 30px;
 line-height: 1.4em;
}

.footer img {
 display: block;
 margin: 0 auto 15px;
}

.footer a {
 display: inline-block;
 font-size: 16px;
 color: #333;
 margin: 0 10px;
}

.footer a:hover {
 text-decoration: none;
}

.order_list {
 padding: 0 20px;
}

.order_list > li .img {
 display: table-cell;
 vertical-align: middle;
 width: 145px;
}

.order_list > li .img img {
 display: block;
 margin: 0 auto;
 border-radius: 50%;
 box-shadow: 0 0 20px 0 rgb(0 0 0 / 14%);
}

.order_list > li .text {
 padding: 0 20px;
 display: table-cell;
 vertical-align: middle;
}

.order_list > li .text > span {
 color: #fc0;
 font-size: 18px;
 font-weight: 800;
 display: block;
 margin-bottom: 5px;
}

.order_list > li .text p {
 color: #fff;
}

.order_list > li {
 display: table;
 width: 100%;
 margin-bottom: 20px;
 padding-bottom: 70px;
}

.order_list > li:nth-child(1) {
 background: url(../images/k1OpGev3nVyP.png) 50% 100% no-repeat;
}

.order_list > li:nth-child(2) {
 background: url(../images/oMVNIk5RW7IM.png) 50% 100% no-repeat;
}